<template>
  <div>
    <h1>---HelloVuex---</h1>
    <h2>{{$store.state.counter}}</h2>
    <h2>--getter相关--</h2>
    <h3>{{$store.getters.beyond20}}</h3>
    <h3>{{$store.getters.powerCounter}}</h3>

    <h2>--App: info对象的内容是否是响应式的--</h2>
    <h3>{{$store.state.info}}</h3>
  </div>
</template>

<script>
export default {
  name: "HelloVuex",
  data() {
    return {

    }
  },
  methods: {

  }
}

</script>

<style scoped>

</style>